<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/login.min.css">
</head>
<body>
    <div class="web">
        <!-- 公共头部 -->
        <header>
          <div class="border-top"></div>
          <div class="header-content">
            <div class="logo">
              <img src="./images/index/logo.png" alt="" />
            </div>
            <!-- 导航 -->
            <nav> 
              <ul>
                <li class="active"><a href="">首页</a></li>
                <li><a href="">关于鼎搜</a></li>
                <li><a href="">鼎搜服务</a></li>
                <li><a href="">鼎搜动态</a></li>
                <li><a href="">鼎搜诚聘</a></li>
                <li><a href="">鼎搜公益</a></li>
              </ul>
            </nav>
            <!--搜索框 -->
            <div class="search">
              <input type="text" class="search-ipt" />
            </div>
          </div>
          <div class="banner">
            <img src="./images/index/banner.png" alt="" />
          </div>
        </header>
        <!-- 主体区域 -->
        <main>
        <div class="login">
            <div class="give">
                <hr class="soild-one">
                <hr class="soild-two">
                <div class="give-font">
                    <p>我要转让</p>
                    <br>
                    <span>WO YAO ZHUAN RANG</span>
                </div>
            </div>
            <div class="login-register">
                <div class="login-font">
                    <bottom class="bottom lg">点击登录</bottom>
                    <bottom class="bottom rg">点击注册</bottom>
                    <table>
                    <tr>
                        <td>用户名：</td>
                        <td><input type="text"></td>
                    </tr>
                    <tr>
                        <td>密码：</td>
                        <td><input type="password"></td>
                    </tr>
                    <tr>
                        <td>验证码：</td>
                        <td><input type="text" id="code">
                        <img src="./images/login/qq.png" alt="">
                        <span>看不清?</span><span id="renewal">点击更换</span>
                        </td>
                        <div class="radio">
                        有效期:
                        <input type="radio" value="" name="gender" checked/>一个月
                        <input type="radio" value="" name="gender" />一周
                        <input type="radio" value="" name="gender" />一天
                        <input type="radio" value="" name="gender" />即时
                    </div>
                    </tr>
                </table>
                <bottom class="bottom lin">登录</bottom>
                <span>忘记密码？</span>
                </div>
                <div class="login-img">
                    <img src="./images/login/3.png" alt="">
                </div>
            </div>
        </div>
        </main>
        <!-- 底部 -->
        <footer>
          <!-- 装饰线 -->
          <hr />
          <!-- 列表 -->
          <div class="footer">
            <ul>
              <li>简介</li>
              <li>鼎搜网简介</li>
              <li>鼎搜服务</li>
              <li>会员身份认证</li>
            </ul>
            <ul>
              <li>帮助</li>
              <li>用户注册</li>
              <li>关于鼎搜</li>
              <li>在线咨询</li>
            </ul>
            <ul>
              <li>共赢</li>
              <li>网站合作</li>
              <li>用户协议</li>
              <li>会员身份认证</li>
            </ul>
            <ul>
              <li>导航</li>
              <li>地图首页</li>
              <li>职能分类</li>
              <li>企业名录</li>
            </ul>
            <div class="connect">
              <img src="./images/index/connect.png" alt="" />
            </div>
          </div>
  
          <!-- 底部蓝色 -->
          <div class="border-bottom">
            Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有
          </div>
        </footer>
      </div>
</body>
</html>